<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
    <style>   

     *{
        margin: 0px;
        padding: 0px;
        /* 内间距 */
    }  

    div{
         margin: 0 auto; 
        /* 外间距 ，居中*/
        width: 800px;
    }
     strong{
         line-height: 50px;
         color: black;
     }

     h2{
         text-align: center;
         box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.76);
         /* 基础语法外阴影 */
         background-color: white;
         /* 背景色 */
         height: 90px; 
         line-height: 90px;
     }


    li{
        line-height: 30px;
    }

   
   .shou{
       cursor: pointer;
       /* 鼠标格式 一支手*/
   }

    strong:hover{
        color: blue;
    }

    p{
        line-height: 30px;
        color: black;
    }
    p:hover{
        color: red;
    }

    li{
        margin: 15px;
        
        color: black;
    }
    
     li:hover{ 
         color: red; 
    } 
    h4{
        margin: 20px;
        color: black;
    }
    h4:hover{
        color: wheat;
    }

    </style>
</head>

<body>
    
    <h2>生活啊</h2>
    <div>
      <strong class="shou">此时此刻就是永远，此时此刻就是一切</strong>
       <img src="images/yan.jpg" width="800px">
       <p class="shou">持续做自己想要做的事情，好运自然会降临。如果不知道自己喜欢做什么，那就什么都去尝试并尽力做好，那么终究会发现自己所爱。就像大雨时，会挥洒到大地的每处，但大雨滂沱之后总会想低低汇聚。</p>
       <h4 class="shou">句子：</h4>
       <ul>
        <li class="shou">每次说走就走的旅行背后，是一笔说取就取的款子</li>
        <li class="shou">所谓的我都是为你好，就是控制和伤害</li>
        <li class="shou">当你下定决心准备出发时，最困难的时刻就已经过去了。那么出发吧。</li>
       </ul>
       <p>尼采说：</p>
       <p>对待生命你不妨大胆点，因为它终将离你而去</p>
       
   </div>
</body>
</html>